<template>
  <el-row type="flex">
    <el-col :span="18">
      <div v-for="i in lists" :key="i">
        <crscard :classInfo="i"></crscard>
      </div>
    </el-col>
    <el-col :span="8" class="todo-list">
      <el-card shadow="never">
        <el-row><i class="el-icon-s-claim icon"></i>待办事项</el-row>
        <el-row v-for="i in lists" :key="i">
          <todolist></todolist>
        </el-row>
      </el-card>
    </el-col>
  </el-row>
</template>

<script>
import Crscard from "./Crscard";
import Todolist from "./Todolist";
export default {
  components: { Crscard, Todolist },
  data() {
    return {
      lists: [1, 2, 3, 4],
    };
  },
  methods: {},
};
</script>

<style scoped>
.todo-list {
  border-radius: 5px;
  margin-bottom: 10px;
  position: relative;
}
.icon {
  width: 30px;
  height: 30px;
}
</style>
